<div class="header flex flex-row">
    <div class="logo text-white p-3 pl-5">
        <h5>CNN Convoluter</h5>
    </div>
    <div class="text-right flex-grow text-white">Visits:</div>
    <div class="pl-2 pr-5">
        <!-- Start of WebFreeCounter Code -->
        <a href="https://www.webfreecounter.com/" target="_blank">
            <img src="https://www.webfreecounter.com/hit.php?id=gvfkdff&nd=6&style=3" border="0" alt="visitor counter" />
        </a>
        <!-- End of WebFreeCounter Code -->
    </div>
    <div class="social pr-8">
        <a href="https://github.com/pwwang/cnn-convoluter" target="_blank"
           class="inline-block">
            <img src="github.png" alt="Github" width="32" height="32" />
        </a>
    </div>
</div>

<style>
.header {
    align-items: center;
}
</style>
